<script>
export default {
  onLaunch: function() {
  },
  onShow: function() {
    console.log('App Show')
  },
  onHide: function() {
    console.log('App Hide')
  }
}
</script>

<style lang="scss">
* {
  box-sizing: border-box;
}
uni-page-body {
  height: 100%;
  background-color: #F6F6F6;
}
page {
  height: 100%;
}
.u-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
$u-type-primary: #2251F8;
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";

.font-36 {
  font-size: 72rpx;
}
.font-14 {
  font-size: 28rpx;
}
.font-16 {
  font-size: 32rpx;
}
.font-12 {
  font-size: 24rpx;
}
.font-10 {
  font-size: 20rpx;
}
.font-18 {
  font-size: 36rpx;
}
.font-24 {
  font-size: 48rpx;
}
.font-32 {
  font-size: 64rpx;
}
.w-24 {
  width: 48rpx;
}
.h-20 {
  height: 40rpx;
}
.w-12 {
  width: 24rpx;
}
.w-14 {
  width: 28rpx;
}
.w-16 {
  width: 32rpx;
}
.h-16 {
  height: 32rpx;
}
.h-12 {
  height: 24rpx;
}
.large {
  .font-10 {
    font-size: 24rpx;
  }
  .font-12 {
    font-size: 28rpx;
  }
  .font-14 {
    font-size: 32rpx;
  }
  .font-16 {
    font-size: 36rpx;
  }
  .font-18 {
    font-size: 40rpx;
  }
  .font-24 {
    font-size: 56rpx;
  }
  .font-32 {
    font-size: 72rpx;
  }
  .font-36 {
    font-size: 90rpx;
  }
  .w-24 {
    width: 60rpx;
  }
  .h-20 {
    height: 50rpx;
  }
  .w-12 {
    width: 30rpx;
  }
  .w-14 {
    width: 35rpx;
  }
  .h-16 {
    height: 40rpx;
  }
  .h-12 {
    height: 30rpx;
  }
  .w-16 {
    width: 40rpx;
  }
}
</style>
